$(function () {

    ceshis();
    ceshis1();
    ceshis2();
    ceshis3();
    ceshis4();
	ceshis6();
	ceshis7();
    function ceshis() {
        var myChart = echarts.init(document.getElementById('chart1'));

        option = {
            /*backgroundColor: '#05163B',*/
            tooltip: {
                trigger: 'axis'
            },
            toolbox: {
                show: true,
                feature: {
                    mark: {
                        show: true
                    },
                    dataView: {
                        show: true,
                        readOnly: false
                    },
                    magicType: {
                        show: true,
                        type: ['line', 'bar']
                    },
                    restore: {
                        show: true
                    },
                    saveAsImage: {
                        show: true
                    }
                }
            },
            grid: {
                top: 'middle',
                left: '3%',
                right: '4%',
                bottom: '3%',
                top: '10%',
                containLabel: true
            },
            legend: {
                data: ['出站', '入站', '累计站点停留人数', '站点人数'],
                textStyle: {
                    color: "#fff"
                }

            },
            xAxis: [{
                type: 'category',
                data: ['犀浦站', '金周路站', '校园路站', '天河路站', '迎宾大道站', '天府广场站', '茶店子站', '宽窄巷子站', '太古里站', '熊猫基地站', '中医大省医院站', '通惠门站',
                    '春熙路站', '东门大桥', '牛王庙站', '成都东客站', '书房', '龙泉驿', '龙青路', '上基层(米)', '大面铺站', '塔子山公园站',
                ],
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: "#ebf8ac" //X轴文字颜色
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#01FCE3'
                    }
                },
            }],
            yAxis: [{
                type: 'value',
                name: '出入站',
                splitLine:{
                	show:false
                },
                axisLabel: {
                    formatter: '{value} ',
                    textStyle: {
                        color: "#2EC7C9" ,//X轴文字颜色
                        show:true
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#FCE301'
                    }
                },
            },
                {
                    type: 'value',
                    splitLine:{
                	show:false
                },
                    name: '',
                    axisLabel: {
                        formatter: '',
                        textStyle: {
                            color: "#FFFFFF" //X轴文字颜色
                        }
                    },axisLine: {
                        lineStyle: {
                            color: '#FFFFFF'
                        }
                    },
                }
            ],
            series: [

                {
                    name: '出站',
                    type: 'bar',
                    itemStyle: {
                        normal: {
                            barBorderRadius: 5,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: "#4693EC"
                            },
                                {
                                    offset: 1,
                                    color: "#4693EC"
                                }
                            ])
                        }
                    },
                    /*data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]*/
                    data: [22290, 3510, 1599, 1792, 2700, 1328, 6674, 31500, 12480, 13040, 15153, 3918, 7827, 1865, 1800, 6073, 5124, 1492, 8621, 8950, 2873, 4139, 3413],
                },
                {
                    name: '入站',
                    type: 'bar',
                    itemStyle: {
                        normal: {
                            barBorderRadius: 5,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: "blue"
                            },
                                {
                                    offset: 1,
                                    color: "red"
                                }
                            ])
                        }
                    },
                    data: [22350, 3790, 1550, 1862, 2160, 1274, 6600, 30100, 14326, 15370, 12618, 1066, 8499, 1527, 2197, 1747, 5988, 1819, 7648, 9388, 2242, 3761, 4590],
                },
                {
                    name: '累计站点停留人数',
                    type: 'line',
                    yAxisIndex: 1,
                    data: [44640, 7300, 3194, 3654, 4860, 2610, 13174, 61540, 26803, 28374,27771 , 4966, 16100, 3327, 3900, 7747, 11088, 3320, 16200, 18310, 7819, 7761, 1713],
                    lineStyle: {
                        normal: {
                            width: 5,
                            color: {
                                type: 'linear',

                                colorStops: [{
                                    offset: 0,
                                    color: '#AAF487' // 0% 处的颜色
                                },
                                    {
                                        offset: 0.4,
                                        color: '#47D8BE' // 100% 处的颜色
                                    }, {
                                        offset: 1,
                                        color: '#47D8BE' // 100% 处的颜色
                                    }
                                ],
                                globalCoord: false // 缺省为 false
                            },
                            shadowColor: 'rgba(71,216,190, 0.5)',
                            shadowBlur: 10,
                            shadowOffsetY: 7
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: '#AAF487',
                            borderWidth: 10,
                            /*shadowColor: 'rgba(72,216,191, 0.3)',
                             shadowBlur: 100,*/
                            borderColor: "#AAF487"
                        }
                    },
                    smooth: true,
                },
                {
                    name: '站点人数',
                    type: 'line',
                    yAxisIndex: 1,
                    data: [22290, 3510, 1599, 1792, 2700, 1328, 6674, 31500, 12480, 13040, 15153, 3918, 7827, 1865, 1800, 6073, 5124, 1492, 8621, 8950, 2873, 4139, 3413],
                    lineStyle: {
                        normal: {
                            width: 5,
                            color: {
                                type: 'linear',

                                colorStops: [{
                                    offset: 0,
                                    color: '#F8B854' // 0% 处的颜色
                                },
                                    {
                                        offset: 0.4,
                                        color: '#DE801C' // 100% 处的颜色
                                    }, {
                                        offset: 1,
                                        color: '#DE801C' // 100% 处的颜色
                                    }
                                ],
                                globalCoord: false // 缺省为 false
                            },
                            shadowColor: 'rgba(71,216,190, 0.5)',
                            shadowBlur: 10,
                            shadowOffsetY: 7
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: '#F7AD3E',
                            borderWidth: 10,
                            /*shadowColor: 'rgba(72,216,191, 0.3)',
                             shadowBlur: 100,*/
                            borderColor: "#F7AD3E"
                        }
                    },
                    smooth: true,
                }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

    function ceshis1() {
        var myChart = echarts.init(document.getElementById('chart2'));
var option;
        option = {
        	
    title: {
        
        
        left: 'center'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
    	textStyle:{
                    color: '#fff'
                
         },
        orient: 'vertical',
        left: 'left',
        
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '50%',
            
            data: [
                {value: 6970, name: '0-19岁'},
                {value: 61386, name: '20-29岁'},
                {value: 48964, name: '30-49岁'},
                {value: 7295, name: '50-69岁'},
                {value: 167, name: '70-90岁'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, white)'
                }
            }
        }
    ]
};
        myChart.setOption(option);

        setTimeout(function() {
            myChart.on('mouseover', function(params) {
                if (params.name == ydata[0].name) {
                    myChart.dispatchAction({
                        type: 'highlight',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                } else {
                    myChart.dispatchAction({
                        type: 'downplay',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                }
            });

            myChart.on('mouseout', function(params) {
                myChart.dispatchAction({
                    type: 'highlight',
                    seriesIndex: 0,
                    dataIndex: 0
                });
            });
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: 0
            });
        }, 1000);

        // 使用刚指定的配置项和数据显示图表。
        /*myChart.setOption(option);*/
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    function ceshis2() {
        var myChart = echarts.init(document.getElementById('chart3'));

        option = {
        	
            
            tooltip: {
                trigger: 'axis'
            },
            toolbox: {
                show: true,
                feature: {
                    mark: {
                        show: true
                    },
                    dataView: {
                        show: true,
                        readOnly: false
                    },
                    magicType: {
                        show: true,
                        type: ['line', 'bar']
                    },
                    restore: {
                        show: true
                    },
                    saveAsImage: {
                        show: true
                    }
                }
            },
            grid: {
                top: 'middle',
                left: '3%',
                right: '4%',
                bottom: '3%',
                top: '10%',
                containLabel: true
            },
            legend: {
                data: [ '断面客流量'],
                textStyle: {
                    color: "#fff"
                }

            },
            xAxis: [{
                type: 'category',
                
                data: ['犀浦站', '金周路站', '校园路站', '天河路站', '迎宾大道站', '天府广场站', '茶店子站', '宽窄巷子站', '太古里站', '熊猫基地站', '中医大省医院站', '通惠门站',
                    '春熙路站', '东门大桥', '牛王庙站', '成都东客站', '书房', '龙泉驿', '龙青路', '上基层(米)', '大面铺站', '塔子山公园站',
                ],
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: "white" //X轴文字颜色
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: 'white'
                    }
                },
            }],
            yAxis: [
            {
                type: 'value',
                splitLine: {
                    show: false
                },
                name: '客流量',
                axisLabel: {
                    formatter: '{value} ',
                    textStyle: {
                        color: "white",//X轴文字颜色
                        show:true
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: 'white'
                    }
                },
            },
                {
                    type: 'value',
                    splitLine: {
                    show: false
                },
                    name: '',
                    axisLabel: {
                        formatter: '',
                        textStyle: {
                            color: "#FFFFFF" //X轴文字颜色
                        }
                    },axisLine: {
                        lineStyle: {
                            color: 'white'
                        }
                    },
                }
            ],
            series: [

                {
                    name: ' ',
                    type: 'bar',
                    itemStyle: {
                        normal: {
                            barBorderRadius: 5,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: "red"
                            },
                                {
                                    offset: 1,
                                    color: "red"
                                }
                            ])
                        }
                    },
                    
                    data: [44640, 7300, 3194, 3654, 4860, 2610, 13174, 61540, 26803, 28374,27771 , 4966, 16100, 3327, 3900, 7747, 11088, 3320, 16200, 18310, 7819, 7761, 1713],
                },
               
                {
                    name: '断面客流量',
                    type: 'line',
                    yAxisIndex: 1,
                    data: [44640, 7300, 3194, 3654, 4860, 2610, 13174, 61540, 26803, 28374,27771 , 4966, 16100, 3327, 3900, 7747, 11088, 3320, 16200, 18310, 7819, 7761, 1713],
                    lineStyle: {
                        normal: {
                            width: 5,
                            color: {
                                type: 'linear',

                                colorStops: [{
                                    offset: 0,
                                    color: 'orange' // 0% 处的颜色
                                },
                                    {
                                        offset: 0.4,
                                        color: 'orange' // 100% 处的颜色
                                    }, {
                                        offset: 1,
                                        color: 'orange' // 100% 处的颜色
                                    }
                                ],
                                globalCoord: false // 缺省为 false
                            },
                            shadowColor: 'rgba(88,666,990, 0.5)',
                            shadowBlur: 10,
                            shadowOffsetY: 7
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'white',
                            borderWidth: 10,
                            /*shadowColor: 'rgba(72,216,191, 0.3)',
                             shadowBlur: 100,*/
                            borderColor: "white"
                        }
                    },
                    smooth: true,
                },
                
            ]
        
        }

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    
    
    //单月预测
    function ceshis3() {
        var myChart = echarts.init(document.getElementById('chart4'));

        var colors = ['rgb(46, 199, 201)', 'rgb(90, 177, 239)', 'rgb(255, 185, 128)'];

        option = {
            color: colors,

            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross'
                },
                formatter: function(params) {
                    // 系列
                    let html = params[0].name + "<br>";

                    for (var i = 0; i < params.length; i++) {

                        // 获取每个系列对应的颜色值
                        html += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + params[i].color + ';"></span>';

                        // 通过判断指定系列增加 % 符号
                        if (option.series[params[i].seriesIndex].type == "line") {
                            html += params[i].seriesName + ": " + params[i].value + "%<br>";
                        } else {
                            html += params[i].seriesName + ": " + params[i].value + "<br>";
                        }
                    }
                    return html;
                }
            },
            grid: {
                right: '20%'
            },
            toolbox: {
                feature: {
                    dataView: {
                        show: true,
                        readOnly: false
                    },
                    restore: {
                        show: true
                    },
                    saveAsImage: {
                        show: true
                    }
                }
            },
            legend: {
                textStyle: {
                    color: '#fff'
                },
                data: ['蒸发量(影响因子)', '降水量(影响因子)', '单月整体客流量']
            },
            // 缩放组件
            /*dataZoom: {
                type: 'slider'
            },*/
            xAxis: [{
                type: 'category',
                axisTick: {
                    alignWithLabel: true
                },
                axisLabel: {
                    formatter: '{value} ',
                    textStyle: {
                        color: "#ffffff" //X轴文字颜色
                    }
                },
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
            }],
            yAxis: [{
                type: 'value',
                name: '蒸发量',
                min: 0,
                max: 250,
                position: 'right',
                axisLine: {
                    lineStyle: {
                        color: colors[0]
                    }
                },
                axisLabel: {
                    formatter: '{value} ml'
                }
            },
                {
                    type: 'value',
                    name: '降水量',
                    min: 0,
                    max: 250,
                    position: 'right',
                    offset: 80,
                    axisLine: {
                        lineStyle: {
                            color: colors[1]
                        }
                    },
                    axisLabel: {
                        formatter: '{value} ml'
                    }
                },
                {
                    type: 'value',
                    name: '客流量',
                    min: 0,
                    max: 200000,
                    position: 'left',
                    axisLine: {
                        lineStyle: {
                            color: colors[2]
                        }
                    },
                    axisLabel: {
                        formatter: '{value} '
                    }
                }
            ],
            series: [{
                name: '蒸发量(影响因子)',
                type: 'bar',
                data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                itemStyle: {
                    normal: {
                        barBorderRadius: 2
                    }
                }
            },
                {
                    barGap: '-50%', // 增加偏移量使重叠显示
                    name: '降水量(影响因子)',
                    type: 'bar',
                    yAxisIndex: 1,
                    data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
                    itemStyle: {
                        normal: {
                            barBorderRadius: 2
                        }
                    }
                },
                {
                    name: '单月整体客流量',
                    type: 'line',
                    yAxisIndex: 2,
                    data: [98004, 6279, 57682, 134558, 184117, 203720, 103705, 153705, 163705, 158000, 168705, 162000],
                }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    
    
    
    
    function ceshis4() {
        var myChart = echarts.init(document.getElementById('chart5'));

        var colors = ['rgb(46, 199, 201)', 'rgb(90, 555, 239)', 'rgb(255, 185, 77)'];

        option = {
            color: colors,

            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross'
                },
                formatter: function(params) {
                    // 系列
                    let html = params[0].name + "<br>";

                    for (var i = 0; i < params.length; i++) {

                        // 获取每个系列对应的颜色值
                        html += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + params[i].color + ';"></span>';

                        // 通过判断指定系列增加 % 符号
                        if (option.series[params[i].seriesIndex].type == "line") {
                            html += params[i].seriesName + ": " + params[i].value + "%<br>";
                        } else {
                            html += params[i].seriesName + ": " + params[i].value + "<br>";
                        }
                    }
                    return html;
                }
            },
            grid: {
                right: '20%'
            },
            toolbox: {
                feature: {
                    dataView: {
                        show: true,
                        readOnly: false
                    },
                    restore: {
                        show: true
                    },
                    saveAsImage: {
                        show: true
                    }
                }
            },
            legend: {
                textStyle: {
                    color: '#fff'
                },
                data: ['工作日', '周末', '单周整体客流量']
            },
            // 缩放组件
            /*dataZoom: {
                type: 'slider'
            },*/
            xAxis: [{
                type: 'category',
                axisLine:{
                    lineStyle: {
                        color: 'blue'
                    }
                },
                axisTick: {
                    alignWithLabel: true
                },
                axisLabel: {
                    formatter: '{value} ',
                    textStyle: {
                        color: "#fff" //X轴文字颜色
                    }
                },
                axisLine: {
                        lineStyle: {
                            color: 'blue'
                        }
                    },
                data: ['第一周', '第二周', '第三周', '第四周', '第五周']
            }],
            yAxis: [{
                type: 'value',
                
                name: '工作日',
                min: 0,
                max: 40000,
                position: 'right',
                axisLine: {
                    lineStyle: {
                        color: 'colors[0]'
                    }
                },
                axisLabel: {
                    formatter: '{value} ',
                    textStyle: {
                        color: "#fff" //X轴文字颜色
                    }
                },
                axisLine: {
                        lineStyle: {
                            color: 'orange'
                        }
                    },
            },
                {
                    type: 'value',
                    name: '周末',
                    min: 0,
                    max: 40000,
                    position: 'right',
                    offset: 50,
                    axisLine: {
                        lineStyle: {
                            color: colors[1]
                        }
                    },
                    axisLabel: {
                        formatter: '{value} ',
                        textStyle: {
                        color: "#fff" //X轴文字颜色
                    }
                    },axisLine: {
                        lineStyle: {
                            color: 'blue'
                        }
                    },
                },
                {
                    type: 'value',
                    name: '客流量',
                    min: 0,
                    max: 40000,
                    position: 'left',
                    axisLine: {
                        lineStyle: {
                            color: colors[2]
                        }
                    },
                    axisLabel: {
                        formatter: '{value} ',
                        textStyle: {
                        color: "#fff" //X轴文字颜色
                    }
                    },
                    axisLine: {
                        lineStyle: {
                            color: 'blue'
                        }
                    },
                }
            ],
            series: [{
                name: '工作日',
                type: 'bar',
                data: [6783, 17541, 28381, 15955,1836],
                itemStyle: {
                    normal: {
                            barBorderRadius: 2,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: "red"
                            },
                                {
                                    offset: 1,
                                    color: "red"
                                }
                            ])
                        }
                }
            },
                {
                    barGap: '-50%', // 增加偏移量使重叠显示
                    name: '周末',
                    type: 'bar',
                    yAxisIndex: 1,
                    data: [4881, 10432, 11107, 1088,360],
                    itemStyle: {
                        normal: {
                            barBorderRadius: 2,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: "blue"
                            },
                                {
                                    offset: 1,
                                    color: "blue"
                                }
                            ])
                        },
                        
                    }
                },
                {
                    name: '单月整体客流量',
                    type: 'line',
                    yAxisIndex: 2,
                    data: [11664, 27973, 39488, 17043, 2196],
                }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }



    function ceshis5() {
        var myChart = echarts.init(document.getElementById('chart_1'));


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
function ceshis7() {
        var myChart = echarts.init(document.getElementById('chart7'));

        

//      var echarts = require('echarts');
//
//var chartDom = document.getElementById('chart7');
//var myChart = echarts.init(chartDom, 'dark');
var option;

option = {
            title: {
                text: ''
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['客流量','预测'],
                textStyle:{
                    color: '#fff'
                },
                top: '8%'
            },
            grid: {
                top: '40%',
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true,
                
            },
            color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['1月1日',
'1月2日',
'1月3日',
'1月4日',
'1月5日',
'1月6日',
'1月7日',
'1月8日',
'1月9日',
'1月10日',
'1月11日',
'1月12日',
'1月13日',
'1月14日',
'1月15日',
'1月16日',
'1月17日',
'1月18日',
'1月19日',
'1月20日',
'1月21日',
'1月22日',
'1月23日',
'1月24日',
'1月25日',
'1月26日',
'1月27日',
'1月28日',
'1月29日',
'1月30日',
'1月31日',
'2月1日',
'2月2日',
'2月3日',
'2月4日',
'2月5日',
'2月6日',
'2月7日',
'2月8日',
'2月9日',
'2月10日',
'2月11日',
'2月12日',
'2月13日',
'2月14日',
'2月15日',
'2月16日',
'2月17日',
'2月18日',
'2月19日',
'2月20日',
'2月21日',
'2月22日',
'2月23日',
'2月24日',
'2月25日',
'2月26日',
'2月27日',
'2月28日',
'3月1日',
'3月2日',
'3月3日',
'3月4日',
'3月5日',
'3月6日',
'3月7日',
'3月8日',
'3月9日',
'3月10日',
'3月11日',
'3月12日',
'3月13日',
'3月14日',
'3月15日',
'3月16日',
'3月17日',
'3月18日',
'3月19日',
'3月20日',
'3月21日',
'3月22日',
'3月23日',
'3月24日',
'3月25日',
'3月26日',
'3月27日',
'3月28日',
'3月29日',
'3月30日',
'3月31日',
'4月1日',
'4月2日',
'4月3日',
'4月4日',
'4月5日',
'4月6日',
'4月7日',
'4月8日',
'4月9日',
'4月10日',
'4月11日',
'4月12日',
'4月13日',
'4月14日',
'4月15日',
'4月16日',
'4月17日',
'4月18日',
'4月19日',
'4月20日',
'4月21日',
'4月22日',
'4月23日',
'4月24日',
'4月25日',
'4月26日',
'4月27日',
'4月28日',
'4月29日',
'4月30日',
'5月1日',
'5月2日',
'5月3日',
'5月4日',
'5月5日',
'5月6日',
'5月7日',
'5月8日',
'5月9日',
'5月10日',
'5月11日',
'5月12日',
'5月13日',
'5月14日',
'5月15日',
'5月16日',
'5月17日',
'5月18日',
'5月19日',
'5月20日',
'5月21日',
'5月22日',
'5月23日',
'5月24日',
'5月25日',
'5月26日',
'5月27日',
'5月28日',
'5月29日',
'5月30日',
'5月31日',
'6月1日',
'6月2日',
'6月3日',
'6月4日',
'6月5日',
'6月6日',
'6月7日',
'6月8日',
'6月9日',
'6月10日',
'6月11日',
'6月12日',
'6月13日',
'6月14日',
'6月15日',
'6月16日',
'6月17日',
'6月18日',
'6月19日',
'6月20日',
'6月21日',
'6月22日',
'6月23日',
'6月24日',
'6月25日',
'6月26日',
'6月27日',
'6月28日',
'6月29日',
'6月30日',
'7月1日',
'7月2日',
'7月3日',
'7月4日',
'7月5日',
'7月6日',
'7月7日',
'7月8日',
'7月9日',
'7月10日',
'7月11日',
'7月12日',
'7月13日',
'7月14日',
'7月15日',
'7月16日',
'7月17日',
'7月18日',
'7月19日',
'7月20日',
'7月21日',
'7月22日',
'7月23日',
'7月24日',
'7月25日',
'7月26日',
'7月27日',
'7月28日',
'7月29日',
'7月30日',
'7月31日',
'8月1日',
'8月2日',
'8月3日',
'8月4日',
'8月5日',
'8月6日',
'8月7日',
'8月8日',
'8月9日',
'8月10日',
'8月11日',
'8月12日',
'8月13日',
'8月14日',
'8月15日',
'8月16日',
'8月17日',
'8月18日',
'8月19日',
'8月20日',
'8月21日',
'8月22日',
'8月23日',
'8月24日',
'8月25日',
'8月26日',
'8月27日',
'8月28日',
'8月29日',
'8月30日',
'8月31日',
'9月1日',
'9月2日',
'9月3日',
'9月4日',
'9月5日',
'9月6日',
'9月7日',
'9月8日',
'9月9日',
'9月10日',
'9月11日',
'9月12日',
'9月13日',
'9月14日',
'9月15日',
'9月16日',
'9月17日',
'9月18日',
'9月19日',
'9月20日',
'9月21日',
'9月22日',
'9月23日',
'9月24日',
'9月25日',
'9月26日',
'9月27日',
'9月28日',
'9月29日',
'9月30日',
'10月1日',
'10月2日',
'10月3日',
'10月4日',
'10月5日',
'10月6日',
'10月7日',
'10月8日',
'10月9日',
'10月10日',
'10月11日',
'10月12日',
'10月13日',
'10月14日',
'10月15日',
'10月16日',
'10月17日',
'10月18日',
'10月19日',
'10月20日',
'10月21日',
'10月22日',
'10月23日',
'10月24日',
'10月25日',
'10月26日',
'10月27日',
'10月28日',
'10月29日',
'10月30日',
'10月31日',
'11月1日',
'11月2日',
'11月3日',
'11月4日',
'11月5日',
'11月6日',
'11月7日',
'11月8日',
'11月9日',
'11月10日',
'11月11日',
'11月12日',
'11月13日',
'11月14日',
'11月15日',
'11月16日',
'11月17日',
'11月18日',
'11月19日',
'11月20日',
'11月21日',
'11月22日',
'11月23日',
'11月24日',
'11月25日',
'11月26日',
'11月27日',
'11月28日',
'11月29日',
'11月30日',
'12月1日',
'12月2日',
'12月3日',
'12月4日',
'12月5日',
'12月6日',
'12月7日',
'12月8日',
'12月9日',
'12月10日',
'12月11日',
'12月12日',
'12月13日',
'12月14日',
'12月15日',
'12月16日',
'12月17日',
'12月18日',
'12月19日',
'12月20日',
'12月21日',
'12月22日',
'12月23日',
'12月24日',
'12月25日',
'12月26日',
'12月27日',
'12月28日',
'12月29日',
'12月30日',
'12月31日',],
                splitLine: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                     axisLabel: {
      show: true
    }
            },
            yAxis: {
            	
                name: '客流量',
                type: 'value',
                splitLine: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
      show: true
    }
            },
            series: [
                {
                    name:'客流量',
                    type:'line',
                    data:[2155,
2108,
2520,
2492,
2389,
2642,
3198,
3209,
3622,
4870,
5134,
5298,
5488,
5367,
5634,
5842,
6050,
5419,
5688,
5287,
4544,
3333,
1881,
910,
573,
515,
421,
424,
416,
318,
257,
194,
166,
174,
160,
162,
144,
158,
142,
173,
201,
150,
160,
166,
177,
137,
147,
198,
217,
223,
221,
220,
227,
229,
291,
312,
381,
372,
425,
352,
395,
625,
630,
678,
816,
873,
695,
682,
1067,
1166,
1174,
1432,
1399,
1223,
1174,
1971,
2208,
2394,
2461,
2638,
2116,
1976,
2936,
3151,
2813,
3199,
3320,
2517,
2478,
3675,
3800,
3763,
3835,
4032,
2740,
2481,
3211,
4529,
4447,
4526,
4601,
3711,
3827,
4955,
4906,
4845,
4831,
5076,
3744,
3760,
5044,
4714,
4699,
4749,
5396,
4169,
5162,
5534,
5607,
5473,
6191,
5018,
5153,
5053,
4743,
4668,
5866,
5933,
6065,
6225,
4625,
6012,
6202,
6297,
6162,
6908,
5542,
5196,
6523,
6388,
6842,
6411,
6894,
5396,
4969,
6525,
6665,
6696,
6750,
7379,
5753,
5258,
7463,
6305,
7021,
6995,
6942,
6379,
5090,
6918,
7103,
6892,
7434,
7640,
6132,
5954,
7461,
6981,
6889,
7139,
7726,
6015,
5717,
7036,
7126,
8457,
6027,
5575,
5261,
7367,
7521,
7154,
3648,
5654,
6488,
5226,
5041,
6931,
6461,
7098,
6873,
7644,
6292,
6224,
7524,
7630,
7494,
]
                },
                
                {
                    name:'预测',
                    type:'line',
                    data:[
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,

 7494,
7477,
6411,
6894,
5396,
4969,
6525,
6665,
6696,
6750,
7379,
5753,
5258,
7463,
6305,
7021,
6995,
6942,
6379,
5090,
6918,
7103,
6892,
7434,
7640,
6132,
5954,
7461,
6981,
6889,
7139,
7726,
6015,
5717,
7036,
7126,
8457,
6027,
5575,
5261,
7367,
7521,
7154,
3648,
5654,
6488,
5226,
5041,
6931,
6411,
6894,
5396,
4969,
6525,
6665,
6696,
6750,
7379,
5753,
5258,
7463,
6305,
7021,
6995,
6942,
6379,
5090,
6918,
7103,
6892,
7434,
7640,
6132,
5954,
7461,
6981,
6889,
7139,
7726,
6015,
5717,
7036,
7126,
8457,
6027,
5575,
5261,
7367,
7521,
7154,
3648,
5654,
6488,
5226,
5041,
6931,
6411,
6894,
5396,
4969,
6525,
6665,
6696,
6750,
7379,
5753,
5258,
7463,
6305,
7021,
6995,
6942,
6379,
5090,
6918,
7103,
6892,
7434,
7640,
6132,
5954,
7461,
6981,
6889,
7139,
7726,
6015,
5717,
7036,
7126,
8457,
6027,
5575,
5261,
7367,
7521,
7154,
3648,
5654,
6488,
5226,
5041,
6931,
6461,
7098,
6873,
7644,
6292,
6224,
7524,
7630,
7494,
7477,
6411,
6894,
5396,
4969,
6525,
6665,
6696,
6750,
7379,
5753,
5258,
7463,
6305,
7021,
6995,
6942,
6379,]
                },
              
                
               
            ]
        };



        myChart.setOption(option);

        

        // 使用刚指定的配置项和数据显示图表。
        /*myChart.setOption(option);*/
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

function ceshis6() {
        var myChart = echarts.init(document.getElementById('chart8'));
var option;
        option = {
            title: {
                text: ''
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['男','女'],
                textStyle:{
                    color: '#fff'
                },
                top: '8%'
            },
            grid: {
                top: '40%',
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true,
                
            },
            color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['0-30岁','31-50岁','51-70岁','71-90岁'],
                splitLine: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                }
            },
            yAxis: {
            	
                name: '数量',
                type: 'value',
                splitLine: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
      show: true
    }
            },
            series: [
                {
                    name:'男',
                    type:'line',
                    data:[43097, 32061, 2391, 69 ]
                },
                {
                    name:'女',
                    type:'line',
                    data:[38043, 30144,4904,98]
                },
               
//              {
//                  name:'天气',
//                  type:'line',
//                  data:[6133.47, 6577.89, 7019.56,6821.48,7294.59,6133.47, 6577.89, 7019.56,6821.48]
//              },
               
            ]
        };
        myChart.setOption(option);

        setTimeout(function() {
            myChart.on('mouseover', function(params) {
                if (params.name == ydata[0].name) {
                    myChart.dispatchAction({
                        type: 'highlight',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                } else {
                    myChart.dispatchAction({
                        type: 'downplay',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                }
            });

            myChart.on('mouseout', function(params) {
                myChart.dispatchAction({
                    type: 'highlight',
                    seriesIndex: 0,
                    dataIndex: 0
                });
            });
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: 0
            });
        }, 1000);

        // 使用刚指定的配置项和数据显示图表。
        /*myChart.setOption(option);*/
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

});